.carousel {
  @apply relative w-full overflow-hidden rounded-2xl;
}
.carousel-body {
  @apply flex flex-nowrap;
}

.carousel-prev,
.carousel-next {
  @apply absolute inset-y-0 my-auto inline-flex h-max cursor-pointer items-center justify-center;
}

.carousel-prev.disabled,
.carousel-next.disabled {
  @apply pointer-events-none;
}

.carousel-prev {
  @apply rounded-s-2xl;
}
.carousel-next {
  @apply rounded-e-2xl;
}

.carousel-box {
  @apply bg-neutral/30 h-1 w-10 cursor-pointer;
}

.carousel-dot {
  @apply bg-neutral/30 size-3 cursor-pointer rounded-full;
}

.carousel-body,
.carousel-slide {
  @apply transition-transform duration-700;
}
